<template>
	<view class="container">
		<view class="one">
			<text class="text">头像</text>
			<view class="tx">
				<image src="/pages/my/image/待支付.png" mode="widthFix"></image>
			</view>
		</view>
		<view class="one">
			<text class="text">姓名</text>
			<view class="tx">
				张毅
			</view>
		</view>
		<view class="one">
			<text class="text">手机号</text>
			<view class="tx">
				手机号
			</view>
		</view>
		
	</view>
</template>

<script setup>
	
</script>

<style>
         .container {
             padding: 20px;
         }
	     .one{
			display: flex;
			  justify-content: space-between; /* 左右两侧对齐 */
			  align-items: center; /* 垂直居中 */
              padding: 10px; /* 添加内边距，避免内容紧贴边框 */
		 }  
		 .text {
		   font-size: 16px;
		   color: #333;
		 }
		 
		 .tx image {
		   width: 40px; /* 设置图片宽度 */
		   height: 40px; /* 设置图片高度 */
		   border-radius: 50%; /* 圆形图片 */
		 }
</style>
